﻿@using BotDetect.Web.UI.Mvc
@{
    ViewBag.Title = "HomeOnline";
    Layout = "~/Views/Shared/_LayoutHomeOnline.cshtml";
}
<link href="@Url.Content("~/Content/jquery-ui.1.10.2.css")" rel="stylesheet" type="text/css" />
<div class="row mnResident">
    <div class="col-md-3">
        <div class="head" style="border-bottom: 0px;">
            <div class="label"><span>Chọn </span>Thành viên</div>
        </div>
        <div class="visible-sm visible-xs">
            <select id="selectMenu" class="form-control margin-top-10">
                <option value="0">------</option>
            </select>
        </div>
        <div class="hidden-sm hidden-xs" style="border-right: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; margin-right: 15px;">
            <div id="tplMenu" class="hidden">
                <div class="menuitem">
                    <div class="item">
                        <i class="fa fa-circle"></i><div class="title"></div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div id="mainmenu" style="min-height:200px;">                
            </div>
        </div>
    </div>
    <div class="col-md-9">
        <div class="visible-sm visible-xs"><br /></div>
        <div class="head">
            <div class="label" id="thongtin">Thông tin chi tiết</div>
        </div>
        <div>
            <div class="form-horizontal">
                <div class="form-body">
                    <div id="mainForm" style="min-height:200px;"></div>

                    @*<div class="row margin-top-20">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-4 col-xs-5">Tên chủ hộ<span style="color:red;">*</span></label>
                                <div class="col-md-8 col-sm-8 col-xs-7 col-sm-8 col-xs-7"><input class="form-control input-sm" placeholder="Tên chủ hộ" /></div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-4 col-xs-5">Trạng thái<span class="hidden-580"> hồ sơ</span></label>
                                <div class="col-md-8 col-sm-8 col-xs-7"><input class="form-control input-sm" placeholder="Trạng thái hồ sơ" /></div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-4 col-xs-5">Email</label>
                                <div class="col-md-8 col-sm-8 col-xs-7"><input class="form-control input-sm" placeholder="Email" /></div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-4 col-xs-5">Địa chỉ</label>
                                <div class="col-md-8 col-sm-8 col-xs-7"><input class="form-control input-sm" placeholder="Địa chỉ" /></div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-4 col-xs-5">Số thành viên</label>
                                <div class="col-md-8 col-sm-8 col-xs-7"><input class="form-control input-sm" placeholder="Số thành viên" /></div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-4 col-xs-5">Số điện thoại</label>
                                <div class="col-md-8 col-sm-8 col-xs-7"><input class="form-control input-sm" placeholder="Số điện thoại" /></div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-4 col-xs-5">Địa bàn</label>
                                <div class="col-md-8 col-sm-8 col-xs-7"><input class="form-control input-sm" placeholder="Địa bàn" /></div>
                            </div>
                        </div>
                    </div>
                    <div style="text-align:center; margin-top:30px;">
                        <button class="btn btn-sm" onclick="window.location.href = '@Url.Action("Home")';" style="background-color: #2664B7; color:#ffffff; min-width:100px;"><i class="fa fa-angle-double-left"></i> Quay lại</button>
                        <button class="btn btn-sm" onclick="window.location.href = '@Url.Action("ResidentDetail")';" style="background-color: #2664B7; color:#ffffff; min-width:100px;">Tiếp tục <i class="fa fa-angle-double-right"></i></button>
                    </div>*@
                    
                    <div class="hidden-sm hidden-xs" style="height:50px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>

@functions{
    public string GetAntiForgeryToken()
    {
        string cookieToken, formToken;
        AntiForgery.GetTokens(null, out cookieToken, out formToken);
        return cookieToken + "," + formToken;
    }
}
<script src="@Url.Content("~/Scripts/online/residentDetail.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui.1.10.2.js")" type="text/javascript"></script>
<script src="~/Scripts/khasinh.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script type="text/javascript">
    $(function () {
        var initResidentDetail = {
            getResidentList: "@Url.Action("getResidentJsonList")",
            getThongTinCN : '@Url.Action("GetTTCN", "Online")',
            token : '@GetAntiForgeryToken()'
        };
        ResidentDetail.init(initResidentDetail);
    });
</script>